<script setup lang="ts">
import { RouterLink, RouterView } from "vue-router";
import { useStore } from "@/stores/counter";
import axios from "axios";

const store = useStore();
interface Axios {
  url: string;
  date: {
    content: string;
    userId: string | number;
  };
  headers: {
    Authorization: string;
  };
  method: string;
}

//项目闭环错误上报
// window.addEventListener("unhandledrejection", (e) => {
//     if (e.reason.message == "play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD")
//         return
//     //     axios<Axios>({
//     //     url: "http://localhost:8001/api/front/addFrontErrorLog",
//     //     headers:{
//     //         Authorization:store.user.token
//     //     },
//     //     data: {
//     //         content: JSON.stringify(e.reason),
//     //         userId: store.user.id
//     //     },
//     //     method: 'post',
//     // })
//     return false;
// })
// window.addEventListener("error", (errs) => {

//     axios<Axios>({
//         url: "http://localhost:8001/api/front/addFrontErrorLog",
//         headers:{
//             Authorization:store.user.token
//         },
//         data: {
//             content: JSON.stringify(errs),
//             userId: store.user.id
//         },
//         method: 'post',
//     })
// }, true)
</script>

<template>
  <router-view v-slot="{ Component }">
    <keep-alive :include="['sing']">
      <component :is="Component"></component>
    </keep-alive>
  </router-view>
</template>

<style scoped></style>